<template>
  <div id="app" v-cloak>
    <router-view/>
  </div>
</template>

<script>


export default{
  mounted(){
    if (this._isMobile()) {
      // alert("手机端");
      document.getElementById('app').classList.add('isMobile');
      // this.$router.replace('/m_index');
    } else {
      // alert("pc端");
      // this.$router.replace('/pc_index');
    }
  },
  methods:{
    _isMobile() {
    let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
    return flag;
    }
  }
}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
@media screen and (max-width: 800px) {
   html{
        font-size: 14px!important;
    }

      .el-message-box{
        width:80%!important;
      }
      .el-carousel__indicators--horizontal{
        width:100%!important;
      }
      .el-carousel__button{
        width:15px !important;
      }
 
} 


</style>
